<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/icon.css"/>
		
		<script src="js/jquery-1.12.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/lunbo.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jsstyle.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	<div class="login">
		<div class="user_login">
			<div class="u1">用户登录</div>
			<div id="" class="u2">
				<div class="close">
					×
				</div>
				
			</div>
			
		</div>
		<div class="form_login">
		<form action="" method="post">
				用户名：<input type="text" name="" id="" /><br/>
				&nbsp;&nbsp;&nbsp;密码：<input type="password" name="" id="" /><br/>
				<input class="subm" type="submit" value="登录"/>
				<div class="bottom_a">
					<a href="">没有账号？点击注册</a>
				</div>
			</form>
		</div>	
	</div>

<!--首页顶部-->
	<div class="top">
		<div class="w">
			<div class="logo">
				
			</div>
			<div class="list fonc fons">
				<ul>
					<li class="ss"><a href="./index.html">首页</a></li>
					<li><a href="./information.html">资讯</a></li>
					<li><a href="./review.html">评测</a></li>
					<li><a href="./video.html">视频</a></li>
					<li><a href="./share.html">分享</a></li>
				</ul>
			</div>
			<div class="search">
			<form action="">
				<input type="text" name="" id="" class="sear" placeholder="请输入搜索内容"/>
				<span class="iconfont icon-fangdajing sou"></span>
			</form>
				
			</div>
			<div class="user">
				<div class="ri">
					<span class="iconfont icon-user img"></span>
					<span class="colorwhite username">账户</span>
					<span class="iconfont icon-xialajiantou1 xiala colorwhite"></span>
					<div class="logolist" >
						<ul>
							<li class="denglu"><span class="iconfont icon-denglu"></span>登录</li>
							<li><a href="./register.html"><span class="iconfont icon-zhuce"></span>注册</a></li>
						</ul>
					</div>
				
				</div>	
				
			</div>
			
		</div>
	</div>

<!--主体部位-->
	<div class="content incn">
		<!--轮播图-->
			<div class="lunbo w">
					<ul class="lunbo_ul" id="lunbo_ul">
						<li><a href=""><span></span><img src="img/banner01.jpg"/></a></li>
						<li><a href=""><span></span><img src="img/banner02.jpg"/></a></li>
						<li><a href=""><span></span><img src="img/banner03.jpg"/></a></li>
						<li><a href=""><span></span><img src="img/banner04.jpg"/></a></li>
						<li><a href=""><span></span><img src="img/banner05.jpg"/></a></li>
						<li><a href=""><span></span><img src="img/banner06.jpg"/></a></li>
						<li><a href=""><span></span><img src="img/banner07.jpg"/></a></li>
					</ul>
					<div class="leftbtn"><</div>
					<div class="rightbtn">></div>
				</div>
			<!--分享和福利-->
			<div class="share w">
				<ul class="shae_row">
					<li class="coloraqua">分享</li>
					<li>福利</li>
				</ul>
				<div class="row_right">
					<a href=""><</a>
					<a href="">></a>
				</div>
				<div class="cont">
					
					<ul>
						<li>
							<div class="cont_product">
								<img src="img/share01.jpg" alt="" />
								<span class="product_j1"><h3>复古新浪潮— 杜伽 FUSION+JTK天问一号</h3></span>
								<span class="product_jj" >如果就键圈这一块今年别人跟你说鸽子厂你会想到谁？没错就是JTK了</span>
								<div class="product_j2"></div>
							</div>
						</li>
						<li>
							<div class="cont_product">
								<img src="img/share02.jpg" alt="" />
								<span class="product_j1"><h3>原来你是这样的，2021TTC工厂行纪实</h3></span>
								<span class="product_jj" >TTC这个品牌基本上玩外设的玩家都知道，但真正让TTC变成国内热门大品牌</span>
								<div class="product_j2"></div>
							</div>
						</li>
						<li>
							<div class="cont_product">
								<img src="img/share03.jpg" alt="" />
								<span class="product_j1"><h3>眼见为实，耳听不“虚”——HyperX 黑鹰7.1</h3></span>
								<span class="product_jj" >同门大哥HyperX 黑鹰S声名远扬，HyperX 黑鹰7.1进化版与其最显著差别就在配件中的声卡上</span>
								<div class="product_j2"></div>
							</div>
						</li>
						<li>
							<div class="cont_product">
								<img src="img/share04.jpg" alt="" />
								<span class="product_j1"><h3>注入客制化基因——lQUNIX L80+SA Oblivion</h3></span>
								<span class="product_jj" >个性的半透式按键灯效；并且在不牺牲外观的情况下尽力做到了极致的轻巧</span>
								<div class="product_j2"></div>
							</div>
						</li>
					</ul>
					
				</div>
			</div>
			<div class="substance w">
				<!--主体部分-->
				<div class="contentlist">
					<ul>
						<li>
						<h2>
							<a href="">
								滑得一批，凯华COCOPINK可可粉轴简单上手
							</a>
							<em>
								<a href="">资讯</a>
								<span></span>
							</em>
							
						</h2>
						<div class="arcstatus">
							<div class="userlogo">
								<img src="img/user01.jpg" alt="" />
							</div>
							<a href="" class="username coloraqua">dong2</a>
							<div class="arctime">2021-5-29 23:27</div>
							<a href="" class="pinglun"><span class="iconfont icon-weibiaoti-"></span>2</a>
						</div>
						<div class="shadow">
							<a href="./product_xx.html">
								<div class="arcpic">
									<img src="img/userimg01.jpg" alt="机械师的首款TWS 耳机TH300，199元香吗？" />
								</div>
								<div class="arcinfo">
									<p>前不久，国内知名电竞品牌机械师就发布了一系列新产品，除了常规的电竞本之外，还带来了其首款TWS耳机TH300，售价199元。这样一次跨界的尝试，会是怎样的体验？ ...</p>
								</div>
							</a>
						</div>
						</li>
						<li>
						<h2>
							<a href="">
								北通蝙蝠4游戏手柄图赏简评
							</a>
							<em>
								<a href="">测评</a>
								<span></span>
							</em>
							
						</h2>
						<div class="arcstatus">
							<div class="userlogo">
								<img src="img/user02.jpg"/>
								
							</div>
							<a href="" class="username coloraqua">dong2</a>
							<div class="arctime">2021-5-29 23:27</div>
							<a href="" class="pinglun"><span class="iconfont icon-weibiaoti-"></span>2</a>
						</div>
						<div class="shadow">
							<div class="arcpic">
								<img src="img/userimg02.jpg" alt="机械师的首款TWS 耳机TH300，199元香吗？" />
							</div>
							<div class="arcinfo">
								<p>前不久，国内知名电竞品牌机械师就发布了一系列新产品，除了常规的电竞本之外，还带来了其首款TWS耳机TH300，售价199元。这样一次跨界的尝试，会是怎样的体验？ ...</p>
							</div>
						</div>
						</li>
						<li>
						<h2>
							<a href="">
								滑得一批，凯华COCOPINK可可粉轴简单上手
							</a>
							<em>
								<a href="">资讯</a>
								<span></span>
							</em>
							
						</h2>
						<div class="arcstatus">
							<div class="userlogo">
								<img src="img/user01.jpg" alt="" />
							</div>
							<a href="" class="username coloraqua">dong2</a>
							<div class="arctime">2021-5-29 23:27</div>
							<a href="" class="pinglun"><span class="iconfont icon-weibiaoti-"></span>2</a>
						</div>
						<div class="shadow">
							<div class="arcpic">
								<img src="img/userimg01.jpg" alt="机械师的首款TWS 耳机TH300，199元香吗？" />
							</div>
							<div class="arcinfo">
								<p>前不久，国内知名电竞品牌机械师就发布了一系列新产品，除了常规的电竞本之外，还带来了其首款TWS耳机TH300，售价199元。这样一次跨界的尝试，会是怎样的体验？ ...</p>
							</div>
						</div>
						</li>
						<li>
						<h2>
							<a href="">
								滑得一批，凯华COCOPINK可可粉轴简单上手
							</a>
							<em>
								<a href="">资讯</a>
								<span></span>
							</em>
							
						</h2>
						<div class="arcstatus">
							<div class="userlogo">
								<img src="img/user01.jpg" alt="" />
							</div>
							<a href="" class="username coloraqua">dong2</a>
							<div class="arctime">2021-5-29 23:27</div>
							<a href="" class="pinglun"><span class="iconfont icon-weibiaoti-"></span>2</a>
						</div>
						<div class="shadow">
							<div class="arcpic">
								<img src="img/userimg01.jpg" alt="机械师的首款TWS 耳机TH300，199元香吗？" />
							</div>
							<div class="arcinfo">
								<p>前不久，国内知名电竞品牌机械师就发布了一系列新产品，除了常规的电竞本之外，还带来了其首款TWS耳机TH300，售价199元。这样一次跨界的尝试，会是怎样的体验？ ...</p>
							</div>
						</div>
						</li>
					</ul>
				<!--//分页-->	
				<div class="pg">
					<a href="/portal.php?page=3" class="prev">上一页</a>
					<a class="colorpg" href="/portal.php?page=1">1</a>
					<a href="/portal.php?page=2">2</a>
					<a href="/portal.php?page=3">3</a>
					<a href="/portal.php?page=4">4</a>
					<a href="/portal.php?page=5">5</a>
					<a href="/portal.php?page=6">6</a>
					<a href="/portal.php?page=7">7</a>
					<a href="/portal.php?page=8">8</a>
					<a href="/portal.php?page=9">9</a>
					<a href="/portal.php?page=10">10</a>
					<a href="/portal.php?page=522" class="last">... 522</a>
					<label><input type="text" name="custompage" class="px" size="2" title="输入页码，按回车快速跳转"><span> / 522 页</span></label>
					<a href="/portal.php?page=3" class="nxt">下一页</a></div>	
				</div>
				
				
					
				<!--主体部分右边-->
				<div class="contentright">
					<div class="daohang">
						<img src="img/daohang01.jpg" alt="导航"usemap="#navigation_map" style="border:0;"/>
						<map name="navigation_map" id="navigation_map">
							<area shape="rect" coords="0,0,70,65" href="portal.php?mod=list&amp;catid=23" alt="键盘" target="_blank">
							<area shape="rect" coords="70,0,140,65" href="portal.php?mod=list&amp;catid=22" alt="鼠标" target="_blank">
							<area shape="rect" coords="140,0,210,65" href="portal.php?mod=list&amp;catid=29" alt="鼠垫" target="_blank">
							<area shape="rect" coords="210,0,280,65" href="portal.php?mod=list&amp;catid=26" alt="键帽" target="_blank">
						
							<area shape="rect" coords="0,65,70,130" href="portal.php?mod=list&amp;catid=24" alt="音频" target="_blank">
							<area shape="rect" coords="70,65,140,130" href="portal.php?mod=list&amp;catid=25" alt="手柄" target="_blank">
							<area shape="rect" coords="140,65,210,130" href="portal.php?mod=list&amp;catid=27" alt="周边" target="_blank">
							<area shape="rect" coords="210,65,280,130" href="portal.php?mod=list&amp;catid=5" alt="游戏" target="_blank">
						
							<area shape="rect" coords="0,130,70,195" href="portal.php?mod=list&amp;catid=3" alt="视频" target="_blank">
							<area shape="rect" coords="70,130,140,195" href="portal.php?mod=list&amp;catid=28" alt="福利" target="_blank">
							<area shape="rect" coords="140,130,210,195" href="portal.php?mod=list&amp;catid=4" alt="数码" target="_blank">
							<area shape="rect" coords="210,130,280,195" href="portal.php?mod=list&amp;catid=2" alt="评测" target="_blank">
						</map>
					</div>
					<!--微博微信-->
					<div class="media">
						<div class="weibo">
							<span class="iconfont icon-weibo1"></span>
						</div>
						<div class="weixin">
							<div>
							<span class="iconfont icon-icon-"></span>
							</div>
							
							<img src="img/ewm.png" alt="" />
							
							
						</div>
					</div>
					<!--分享推荐-->
					<div class="recommended">
						<div class="re_title">
							<h4>分享推荐</h4>
						</div>
						<div class="re_list">
							<ul>
								<li>
									<a href="">
										<img src="img/re01.jpg" alt="" />
										<h3>冲这外观买爆!?漫步者HECATE GX07无线耳机</h3>
									</a>
								</li>
								<li>
									<a href="">
										<img src="img/re02.jpg" alt="" />
										<h3>续航强得离谱！杜伽K330w三模无线高颜值机</h3>
									</a>
								</li>
								<li>
									<a href="">
										<img src="img/re03.jpg" alt="" />
										<h3>滑得一批，凯华COCOPINK可可粉轴简单上手</h3>
									</a>
								</li>
								<li>
									<a href="">
										<img src="img/re04.jpg" alt="" />
										<h3>用这键盘敲出来的都是爱！Ducky Zero 9108</h3>
									</a>
								</li>
								<li>
									<a href="">
										<img src="img/re05.jpg" alt="" />
										<h3>只卖99？年轻人第一个PC+TV双平台入门手柄</h3>
									</a>
								</li>
								<li>
									<a href="">
										<img src="img/re06.jpg" alt="" />
										<h3>这也太水润了！佳达隆G黄PRO、G红PRO简评</h3>
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="article">
						<div class="re_title">
							<h4>热门文章</h4>
						</div>
						<div class="re_list">
							<ul>
								<li>
									<a href="">ROG战刃3无线游戏鼠标拆解评测</a>
								</li>
								<li>
									<a href="">以趣之名 Lofree洛斐六款“乐趣”新品发布</a>
								</li>
								<li>
									<a href="">外观愈渐客制化 iQunix Q66、G67、Sen 80亮</a>
								</li>
								<li>
									<a href="">杜伽发布K330w紧凑型无线机械键盘</a>
								</li>
								<li>
									<a href="">大型立Flag现场！腹灵FL.CMMK新品规划</a>
								</li>
								<li>
									<a href="">Darmoshark M1鸿游戏鼠标拆解评测</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			
	</div>
	
	<!--//页面底部-->
	<div class="footer">
		<div class="w">
			<div class="ft1">
				<div class="ftlogo">
					<img src="img/ft02.jpg" alt="" />
				</div>
				<p class="ft1cont">
					<a href="">关于我们</a><span class="space">|</span>
					<a href="">精彩分享</a><span class="space">|</span>
					<a href="">手机版</a><span class="space">|</span>
					<a href="">小黑屋</a><span class="space">|</span>
				</p>
				<p class="ft1cont1"><a href="">浙江工贸职业技术学院</a>
					<span>|</span>
					<a href="">晓火外设</a>
				</p>
			</div>
			<div class="xian"></div>
			<div class="ft2">
				<p>
					<a href="">join人才招聘</a>
					<a href="">晓火外设皂品</a>
					<a href="">晓火外设微博</a>
					<a href="">晓火外设B站</a>
					<a href="">关注抖音号：奇怪。</a>
				</p>
			</div>
		</div>	
	</div>
	</body>
</html>
